<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>省官网</title>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>

	<body>
		<!--首页-->
		<div class="web">
			<!--头部-->
			<header>
				<i class="fl iconfont icon-liebiao closelogin"></i>
				<i class="fr iconfont icon-fangdajing"></i>
				<img class="logo" src="img/logo.png" />
			</header>
			<!--内容-->
			<div class="content">
				<!--轮播图开始-->
				<div class="carousel_wrap">
					<div class="lunbo_wrap">
						<!--轮播容器-->
						<ul class="pic_box">
							<li>
								<img src="img/indexcarousel1.jpg" />
								<div class="pic_nav">
									<a href="">省广股份携手阿里妈妈矩形DT大时代，全后面还有很多很多很多</a>
									<div class="icon_time">
										<p class="like"><i class="iconfont icon-icon4"></i><span>120</span>
											<i class="iconfont icon-pinglun2"></i><span>560</span></p>
										<p class="time">12月26日 07:33:10</p>
									</div>
								</div>
							</li>
							<li>
								<img src="img/indexcarousel2.jpg" />
								<div class="pic_nav">
									<a href="">省广股份携手阿里妈妈矩形DT大时代，全后面还有很多很多很多</a>
									<div class="icon_time">
										<p class="like"><i class="iconfont icon-icon4"></i><span>120</span>
											<i class="iconfont icon-pinglun2"></i><span>560</span></p>
										<p class="time">12月26日 07:33:10</p>
									</div>
								</div>
							</li>
							<li>
								<img src="img/indexcarousel3.jpg" />
								<div class="pic_nav">
									<a href="">省广股份携手阿里妈妈矩形DT大时代，全后面还有很多很多很多</a>
									<div class="icon_time">
										<p class="like"><i class="iconfont icon-icon4"></i><span>120</span>
											<i class="iconfont icon-pinglun2"></i><span>560</span></p>
										<p class="time">12月26日 07:33:10</p>
									</div>
								</div>
							</li>
							<li>
								<img src="img/indexcarousel2.jpg" />
								<div class="pic_nav">
									<a href="">省广股份携手阿里妈妈矩形DT大时代，全后面还有很多很多很多</a>
									<div class="icon_time">
										<p class="like"><i class="iconfont icon-icon4"></i><span>120</span>
											<i class="iconfont icon-pinglun2"></i><span>560</span></p>
										<p class="time">12月26日 07:33:10</p>
									</div>
								</div>
							</li>
						</ul>
						<!--底部控制点-->
						<ul class="pannel">
						</ul>
					</div>
				</div>
				<!--轮播图结束-->
				<!--实时新闻开始-->
				<div class="news_wrap">
					<ul>
						<li>
							<div class="new_tit">
								<a href="">#苍井空#互联网卖内衣全球引爆声量彪至7.9亿</a>
								<div class="icon_box">

								</div>
								<div class="like"><i class="iconfont icon-icon4"></i><span>120</span></div>
								<div class="time fr">
									<span>2小时前</span><span>[案例观点]</span>
								</div>
							</div>
							<div class="news_img">
								<img src="img/loading.gif" data-original="img/article_02.jpg" />
							</div>
						</li>
						<li>
							<div class="new_tit">
								<a href="">#苍井空#互联网卖内衣全球引爆声量彪至7.9亿</a>
								<div class="like"><i class="iconfont icon-icon4"></i><span>120</span></div>
								<div class="time fr">
									<span>2小时前</span><span>[案例观点]</span>
								</div>
							</div>
							<div class="news_img">
								<img src="img/loading.gif" data-original="img/article_02.jpg" />
							</div>
						</li>
					</ul>

				</div>
				<!--中间间隔部分-->
				<div class="" style="width: 100%;height: 23px;background: #f5f5f5;">
				</div>
				<!--中间间隔部分结束-->
				<div class="news_wrap2">
					<div class="news_box2">
						<ul>
							<li class="page_tit">
								<a href="">#苍井空#互联网卖内衣全球引爆声量彪至7.9亿</a>
							</li>
							<li class="news_img">
								<div class="img1">
									<img src="img/loading.gif" data-original="img/article_04.jpg" />
								</div>
								<div class="img1">
									<img src="img/loading.gif" data-original="img/article_04.jpg" />
								</div>
								<div class="img1">
									<img src="img/loading.gif" data-original="img/article_04.jpg" />
								</div>
							</li>
							<li class="comment">
								<div class="person_number">
									<a href="#" class="user">
										<div class="user_tile">
											<img src="img/loading.gif" data-original="img/head_portrait.png" />
										</div>
										<span>陈正光</span>
									</a>
									<a href="#" class="user2">
										<i class="iconfont icon-pinglun2"></i>
										<span>6868</span>
									</a>

									<a href="#" class="user_box">
										<i class="iconfont icon-icon4"></i>
										<span>4808</span>
									</a>

								</div>
								<div class="real_time">
									<span>2天前[案例观点]</span>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="news_wrap">
					<ul>
						<li>
							<div class="new_tit">
								<a href="">#苍井空#互联网卖内衣全球引爆声量彪至7.9亿</a>
								<div class="icon_box">

								</div>
								<div class="like"><i class="iconfont icon-icon4"></i><span>120</span></div>
								<div class="time fr">
									<span>2小时前</span><span>[案例观点]</span>
								</div>
							</div>
							<div class="news_img">
								<img src="img/loading.gif" data-original="img/article_02.jpg" />
							</div>
						</li>
						<li>
							<div class="new_tit">
								<a href="">#苍井空#互联网卖内衣全球引爆声量彪至7.9亿</a>
								<div class="like"><i class="iconfont icon-icon4"></i><span>120</span></div>
								<div class="time fr">
									<span>2小时前</span><span>[案例观点]</span>
								</div>
							</div>
							<div class="news_img">
								<img src="img/loading.gif" data-original="img/article_02.jpg" />
							</div>
						</li>
					</ul>

				</div>
				<div class="news_wrap2">
					<div class="news_box2">
						<ul>
							<li class="page_tit">
								<a href="">#苍井空#互联网卖内衣全球引爆声量彪至7.9亿</a>
							</li>
							<li class="news_img">
								<div class="img1">
									<img src="img/loading.gif" data-original="img/article_04.jpg" />
								</div>
								<div class="img1">
									<img src="img/loading.gif" data-original="img/article_04.jpg" />
								</div>
								<div class="img1">
									<img src="img/loading.gif" data-original="img/article_04.jpg" />
								</div>
							</li>
							<li class="comment">
								<div class="person_number">
									<a href="#" class="user">
										<div class="user_tile">
											<img src="img/loading.gif" data-original="img/head_portrait.png" />
										</div>
										<span>陈正光</span>
									</a>
									<a href="#" class="user2">
										<i class="iconfont icon-pinglun2"></i>
										<span>6868</span>
									</a>

									<a href="#" class="user_box">
										<i class="iconfont icon-icon4"></i>
										<span>4808</span>
									</a>

								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="news_wrap">
					<ul>
						<li>
							<div class="new_tit">
								<a href="">#苍井空#互联网卖内衣全球引爆声量彪至7.9亿</a>
								<div class="icon_box">

								</div>
								<div class="like"><i class="iconfont icon-icon4"></i><span>120</span></div>
								<div class="time fr">
									<span>2小时前</span><span>[案例观点]</span>
								</div>
							</div>
							<div class="news_img">
								<img src="img/loading.gif" data-original="img/article_02.jpg" />
							</div>
						</li>
						<li>
							<div class="new_tit">
								<a href="">#苍井空#互联网卖内衣全球引爆声量彪至7.9亿</a>
								<div class="like"><i class="iconfont icon-icon4"></i><span>120</span></div>
								<div class="time fr">
									<span>2小时前</span><span>[案例观点]</span>
								</div>
							</div>
							<div class="news_img">
								<img src="img/loading.gif" data-original="img/article_02.jpg" />
							</div>
						</li>
					</ul>

				</div>
				<!--实时新闻结束-->
			</div>
			<!--首页内容结束-->
			<!--GIME最新资讯新闻发布开始-->
			<div class="Ggime_page">
				<div class="gime_carousel_wrap">
					<!--GIME轮播图-->
					<div class="lunbo_wrap">
						<ul class="pic_box">
							<li>
								<img src="img/01.jpg" />
							</li>
							<li>
								<img src="img/02.png" />
							</li>
							<li>
								<img src="img/03.jpg" />
							</li>
							<li>
								<img src="img/04.jpg" />
							</li>
						</ul>
						<ul class="pannel"></ul>
					</div>
				</div>
				<div class="newest_new">
					<ul>
						<li>
							<p>最新发布</p>
							<div></div>
						</li>
						<li>
							<a href="">
								<div class="news_img">
									<img src="img/article_11.jpg" />
								</div>
							</a>
							<div class="new_content">
								<span class="color_66 fl">[案例观点]</span>
								<span class="color_66 fr">12月26日07:33:43</span>
								<div class="clear"></div>
								<a href="" class="clearfix">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</a>
							</div>

						</li>
						<li>
							<a href="">
								<div class="news_img">
									<img src="img/article_11.jpg" />
								</div>
							</a>
							<div class="new_content">
								<span class="color_66 fl">[案例观点]</span>
								<span class="color_66 fr">12月26日07:33:43</span>
								<div class="clear"></div>
								<a href="" class="clearfix">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</a>
							</div>

						</li>
						<li>
							<a href="">
								<div class="news_img">
									<img src="img/article_11.jpg" />
								</div>
							</a>
							<div class="new_content">
								<span class="color_66 fl">[案例观点]</span>
								<span class="color_66 fr">12月26日07:33:43</span>
								<div class="clear"></div>
								<a href="" class="clearfix">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</a>
							</div>

						</li>
						<li>
							<a href="">
								<div class="news_img">
									<img src="img/article_11.jpg" />
								</div>
							</a>
							<div class="new_content">
								<span class="color_66 fl">[案例观点]</span>
								<span class="color_66 fr">12月26日07:33:43</span>
								<div class="clear"></div>
								<a href="" class="clearfix">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</a>
							</div>

						</li>
						<li>
							<a href="">
								<div class="news_img">
									<img src="img/article_11.jpg" />
								</div>
							</a>
							<div class="new_content">
								<span class="color_66 fl">[案例观点]</span>
								<span class="color_66 fr">12月26日07:33:43</span>
								<div class="clear"></div>
								<a href="" class="clearfix">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</a>
							</div>

						</li>
					</ul>
				</div>
			</div>
			<!--最新资讯新闻发布结束-->
			<!--文章一-->
			<div class="article_content" >
				<div class="article_carousel">
					<div class="lunbo_wrap">
						<ul class="pic_box">
							<li>
								<img src="img/05.jpg"/>
							</li>
							<li>
								<img src="img/05.jpg"/>
							</li>
							<li>
								<img src="img/05.jpg" />
							</li>

						</ul>
						<ul class="pannel">

						</ul>
					</div>

				</div>
				<div class="article_wrap">
					<ul>
						<li>
							<a href="article2.html">
							<div class="article_sell">
								<img src="img/article_01.jpg"/>
							</div>
							<p>
								海天"晒"宴，和汪涵一起，参观海天酱油参观海天酱油参观海天酱油参观海天酱油参观海天酱油
							</p>
							</a>
							<div class="sell_like">
								<a href="">营销</a> 
								<div class="user_like">
									<span><i class="iconfont icon-icon4"></i>120</span>
									<span><i class="iconfont icon-browse"></i>560</span>
								</div>
								
							</div>
							<div class="username">
								<a href=""><img src="img/mx-nologin.png"/><span>叶巧枫</span></a>
								<span>2015年1月20日</span>
							</div>
						</li>
						<li>
							<div class="article_sell">
								<img src="img/article_01.jpg"/>
							</div>
							<p>
								海天"晒"宴，和汪涵一起，参观海天酱油参观海天酱油参观海天酱油参观海天酱油参观海天酱油
							</p>
							<div class="sell_like">
								<a href="">营销</a> 
								<div class="user_like">
									<span><i class="iconfont icon-icon4"></i>120</span>
									<span><i class="iconfont icon-browse"></i>560</span>
								</div>
								
							</div>
							<div class="username">
								<a href=""><img src="img/mx-nologin.png"/><span>叶巧枫</span></a>
								<span>2015年1月20日</span>
							</div>
						</li>
						<li>
							<div class="article_sell">
								<img src="img/article_01.jpg"/>
							</div>
							<p>
								海天"晒"宴，和汪涵一起，参观海天酱油参观海天酱油参观海天酱油参观海天酱油参观海天酱油
							</p>
							<div class="sell_like">
								<a href="">营销</a> 
								<div class="user_like">
									<span><i class="iconfont icon-icon4"></i>120</span>
									<span><i class="iconfont icon-browse"></i>560</span>
								</div>
								
							</div>
							<div class="username">
								<a href=""><img src="img/mx-nologin.png"/><span>叶巧枫</span></a>
								<span>2015年1月20日</span>
							</div>
						</li>
						<li>
							<div class="article_sell">
								<img src="img/article_01.jpg"/>
							</div>
							<p>
								海天"晒"宴，和汪涵一起，参观海天酱油参观海天酱油参观海天酱油参观海天酱油参观海天酱油
							</p>
							<div class="sell_like">
								<a href="">营销</a> 
								<div class="user_like">
									<span><i class="iconfont icon-icon4"></i>120</span>
									<span><i class="iconfont icon-browse"></i>560</span>
								</div>
								
							</div>
							<div class="username">
								<a href=""><img src="img/mx-nologin.png"/><span>叶巧枫</span></a>
								<span>2015年1月20日</span>
							</div>
						</li>
						<li>
							<div class="article_sell">
								<img src="img/article_01.jpg"/>
							</div>
							<p>
								海天"晒"宴，和汪涵一起，参观海天酱油参观海天酱油参观海天酱油参观海天酱油参观海天酱油
							</p>
							<div class="sell_like">
								<a href="">营销</a> 
								<div class="user_like">
									<span><i class="iconfont icon-icon4"></i>120</span>
									<span><i class="iconfont icon-browse"></i>560</span>
								</div>
								
							</div>
							<div class="username">
								<a href=""><img src="img/mx-nologin.png"/><span>叶巧枫</span></a>
								<span>2015年1月20日</span>
							</div>
						</li>
						<li>
							<div class="article_sell">
								<img src="img/article_01.jpg"/>
							</div>
							<p>
								海天"晒"宴，和汪涵一起，参观海天酱油参观海天酱油参观海天酱油参观海天酱油参观海天酱油
							</p>
							<div class="sell_like">
								<a href="">营销</a> 
								<div class="user_like">
									<span><i class="iconfont icon-icon4"></i>120</span>
									<span><i class="iconfont icon-browse"></i>560</span>
								</div>
								
							</div>
							<div class="username">
								<a href=""><img src="img/mx-nologin.png"/><span>叶巧枫</span></a>
								<span>2015年1月20日</span>
							</div>
						</li>
					</ul>
				</div>
				
			</div>
			<!--文章一结束-->
				
			<!--底部-->
			<footer>
				<div class="footer_nav">
					<ul class="foot_nav">
						<li>
							<a class="footindex" href="index.html">
								<div class="home_page">
								</div>
								<span class="footer_label">首页</span>
							</a>
						</li>
						<li>
							<a class="footgimc">
								<div class="gime_page">

								</div>
								<span class="footer_label">GIME</span>
							</a>
						</li>
						<li>
							<a class="footarticle" href="#">
								<div class="article_page">
								</div>
								<span class="footer_label">文章</span>
							</a>
						</li>
						<li>
							<a class="footresource" href="#">
								<div class="resource_page">
								</div>
								<span class="footer_label">资源</span>
							</a>
						</li>
						<li>
							<a class="footschool" href="#">
								<div class="school_page">
								</div>
								<span class="footer_label">学院</span>
							</a>
						</li>
					</ul>
				</div>
			</footer>
		</div>
		<!--首页结束-->
		<!--登录页-->
		<div class="login">
			<div class="hearder_box">
				<div class="search_wrap">
					<div class="close_wrap">
						<i class="iconfont icon-icon2 off_login"></i>
					</div>
					<form action="" method="post">
						<div class="search_box">
							<i class="iconfont icon-fangdajing"></i>
							<input type="text" name="" id="" value="" placeholder="Search" />
						</div>
					</form>
				</div>
			</div>

			<div class="content_box">

				<div class="user_box">
					<a href="javascript:void(0)">
						<div class="user_img">
							<img src="img/mx-nologin.png" />
						</div>
						<p class="by_login">立即登录</p>
					</a>
					<span>忘记密码</span>
				</div>

				<!--已登录-->
				<div class="yet_user">
					<div class="user_img">
						<img src="img/head_portrait.png" />
					</div>
					<ul>
						<li class="user_name">
							<span>张小敏</span>
							<a href="">个人中心 <img src="img/drop_left_d.png" /></a>
						</li>
						<li class="star">
							<div>
								<img src="img/star.png" />
							</div>
							<div>
								<img src="img/star.png" />
							</div>
							<div>
								<img src="img/star.png" />
							</div>
							<div>
								<img src="img/star.png" />
							</div>
						</li>
						<li>
							<span>关注</span>
							<span class="color_red">36</span>|
							<span>粉丝</span>
							<span class="color_red">290</span>
						</li>
						<li>
							<a href="">我的收藏</a>
							<a href="">我的发布</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="" style="width: 100%;height: 23px;background:#303030;">
			</div>
			<div class="other_selection">
				<ul>
					<li class="gime">
						<a href="javascript:void(0)" class="kaiguan">
							<p>GIMC</p><span><img src="img/drop_left_d.png"/></span></a>
					</li>
					<div class="page_down">
						<a href="">省广介绍</a>
						<a href="">新闻资讯</a>
					</div>
					<li class="gime">
						<a href="">
							<p>文章</p><span><img src="img/drop_left_d.png"/></span></a>
					</li>
					<li class="gime">
						<a href="">
							<p>资源</p><span><img src="img/drop_left_d.png"/></span></a>
					</li>
					<li class="gime">
						<a href="">
							<p>课程</p><span><img src="img/drop_left_d.png"/></span></a>
					</li>
				</ul>
			</div>

		</div>
		<!--登录页结束-->
		<!--注册页-->
		<div class="zhuce">
			<div class="register_box">

				<div class="register_wrap">
					<div class="register_img">
						<img src="img/common_logo.png">
					</div>
					<form action="" method="post">

						<div class="form_wrap">
							<ul>
								<li>
									<input type="text" name="" id="" value="" placeholder="请输入已验证的手机号或邮箱" />

									<i class="iconfont icon-yonghu"></i>

								</li>
								<li class="error_verify" style="display: none">

								</li>
								<li>
									<i class="iconfont icon-mima"></i>
									<input type="password" name="" id="" value="" placeholder="请输入密码" />

								</li>
								<li class="error_password" style="display: none;">

								</li>
								<li>
									<p class="fr">
										<i class="iconfont icon-wenhao"></i>
										<span>忘记密码</span>
									</p>
								</li>

								<li>
									<input class="go_login" type="button" id="" value="登录" />
								</li>
								<li>
									<input type="button" id="" value="注册" />
								</li>

							</ul>

						</div>

					</form>
				</div>
			</div>
		</div>
		<!--注册页结束-->
		<!--热搜页-->
		<!--轮播图js-->
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/carousel.js" type="text/javascript" charset="utf-8"></script>
		<script>
			new lunbo(".carousel_wrap", 360 / 640);
//			new lunbo(".article_carousel", 360 / 640);
			//			new lunbo(".gime_carousel_wrap", 360 / 640);两个页面就可以应用，但是跳转到别的页面就不可以，要在另一个页面的点击事件上添加
		</script>
		<!--轮播图js结束-->
		<script type="text/javascript">
			//1获取元素
			var kaiguan = document.querySelector(".kaiguan");
			var page_down = document.querySelector(".page_down");
			var isBlock = false;
			//2.添加事件（点击，鼠标）
			kaiguan.addEventListener("click", function() {
				if(!isBlock) {
					//3.控制样式
					page_down.style.display = "block"
					isBlock = true;
				} else {
					page_down.style.display = "none"
					isBlock = false;
				}
			})
		</script>
		<script src="js/lazyload.js" type="text/javascript" charset="utf-8"></script>
		</script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>